﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="../layui/css/layui.css"  media="all">
<link href="../css/base.css" rel="stylesheet" type="text/css" />
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jQuery1.7.js"></script>
<script type="text/javascript" src="../js/demo.js"></script>
<script type="text/javascript"  src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/icheck.min.js"></script>
<script type="text/javascript" src="../js/showlist.js" ></script>
<script language="javascript" src="js/jquery-1.4.4.min.js"></script>
<script language="javascript" src="js/jquery.jqprint-0.3.js"></script>
<script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_square-blue',  // 注意square和blue的对应关系,用于type=checkbox
    radioClass: 'iradio_square-blue', // 用于type=radio
    increaseArea: '20%' // 增大可以点击的区域
  });
});

function player(id){
var id=document.getElementById(id)
id.style.display="block";
}
function clocer(id){
var id=document.getElementById(id)
id.style.display="none";
}
</script>
</head>
<body>
<div class="inquiry">
  <form class="layui-form" action="">
    <div id="brandList">
      <div class="button-Orange"><a href="#"><i class="button-icos"><img src="../images/ico/search-ico.png"/></i> <span>搜索</span></a></div>
      <ul class="cons">
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">计费对象名称：</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input" />
            </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">计费对象代码：</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input" />
            </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">计费对象类别：</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input"    onclick="player('any1');" />
            </div>
        <div class="Layer">
        <div  id="any1" class="Layer-mar" style="width:650px; padding-top: 35px;">
        <div class="layer-arrow"></div>
          <div class="selt" style="height:200px;width: 650px; overflow:auto;">
              <div class="con">
                <table width="600" border="0" cellspacing="0" cellpadding="0" class="table">
                  <tr>
                    <th width="155">计费对象大类</th>
                    <th width="445">计费对象小类</th>
                  </tr>
                  <tr>
                    <td>普通机构</td>
                    <td><div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>全选</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div></td>
                  </tr>
                  <tr>
                    <td>政策性优惠机构</td>
                    <td><div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>全选</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>政策性银行</b></label>
                      </div></td>
                  </tr>
                  <tr>
                    <td>信息主体查询渠道</td>
                    <td><div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>全选</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>人民银行分支行</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>中心互联网</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>商业银行网银</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>其他代理网点</b></label>
                      </div>
                      </td>
                  </tr>
                   <tr>
                    <td>其他</td>
                    <td><div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>全选</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>征信中心</b></label>
                      </div>
                      <div class="check">
                        <label><i>
                          <input name="" type="checkbox" value="" id="checkbox"/>
                          </i><b>中国人民银行</b></label>
                      </div>
                      </td>
                  </tr>
                </table>
              </div>
              <div class="seltbtn">
               
                <div class="define"><a href="#"><i><img src="../images/ico/btn-ico-18.png"/></i><span style="display:inline;float:none;">确定</span></a></div>
                <div class="close" onclick="clocer('any1');" ><a href="#"><i><img src="../images/ico/btn-ico-19.png"/></i><span style="display:inline;float:none;">关闭</span></a></div>
              </div>
            </div>
            </div>
          </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">行政区划：</label>
            <div class="layui-input-inline" style="width:100px;">
              <select name="quiz1">
                <option >请选择省</option>
              </select>
            </div>
            <div class="layui-input-inline" style="width:100px;margin-left:-1px;">
              <select name="quiz2">
                <option >请选择市</option>
              </select>
            </div>
            <div class="layui-input-inline" style="width:100px;margin-left:-1px;">
              <select name="quiz2">
                <option >请选择县</option>
              </select>
            </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">账单状态：</label>
            <div class="sel">
              <ul>
                <li class="hvoer">未销账</li>
                <li>部分销账</li>
                <li>已销账</li>
              </ul>
            </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">账单费用日期：</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input" onclick="layui.laydate({elem: this, festival: true})"/>
            </div>
            <label class="layui-form-label" style="padding:0 10px 0 10px;">至</label>
            <div class="layui-input-inline" style="margin-left:-1px;">
              <input type="text" class="layui-input" onclick="layui.laydate({elem: this, festival: true})"/>
            </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">账单生成时间：</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input" onclick="layui.laydate({elem: this, festival: true})"/>
            </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">账单金额最小值：</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input" />
            </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">账单金额最大值：</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input" />
            </div>
          </div>
        </li>
        <li>
          <div class="layui-form-item">
            <label class="layui-form-label">账单编号：</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input" />
            </div>
          </div>
        </li>
      </ul>
      <div id="showMore"><a href="#"><span class="hide"></span> </a> </div>
      <div class="line"></div>
    </div>
  </form>
</div>
<div class="datail">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="site-table table-hover">
    <tr>
      <th width="5%"> <input type="checkbox" name="checkbox" id="checkbox" /></th>
      <th width="12%">账单编号</th>
      <th width="18%">账单期数</th>
      <th width="21%">账单金额</th>
      <th width="13%">账单费用起始时间</th>
      <th width="17%">账单费用终止时间</th>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr class="td-colr">
     <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr class="td-colr">
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr class="td-colr">
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr class="td-colr">
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr class="td-colr">
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
    <tr class="td-colr">
      <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
      <td>NA64021966</td>
      <td>2014年7月 </td>
      <td>	90</td>
      <td>2014/11/12</td>
      <td>2014/12/12</td>
    </tr>
  </table>
</div>
<div class="operating">
  <div class="btn">
    <div class="button"><a href="Sales-Details.html">
      <div class="button-ico"><img src="../images/ico/btn-ico-03.png"/></div>
      <span>查看</span></a></div>
  </div>
  <div class="pages">
    <div id="demo2"></div>
  </div>
</div>
<script type="text/javascript" src="../layui/layui.js"></script> 
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form()
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
});

layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;
  
  laypage({
   	cont: 'demo2'
    ,pages: 20
    ,skin: '#1E9FFF'
    ,skip: true
    ,first: 1
    ,last: 20
    ,prev: '<em><</em>'
    ,next: '<em>></em>'
  });
  
});
$('.site-table tbody tr').on('click', function(event) {
  var $this = $(this);
   var $input = $this.children('td').eq(0).find('input');
       $input.on('ifChecked', function(e) {
       $this.css('background-color', '#EEEEEE');
    });
       $input.on('ifUnchecked', function(e) {
       $this.removeAttr('style');
    });
	})
</script>
</body>
</html>
